{extend name="common/layout" /}
{block name="head"}
<style type="text/css">
    .body-top-nav{display: none;}

    .admin-mains{margin-top: -7px;padding:0;box-shadow:none;}
</style>
{/block}
{block name="main"}
<div class="admin-main layui-anim layui-anim-upbit">
    
    <div class="table-responsive" style="text-align: center;position: relative;">
      <div class="tab-top">
       <div class="layui-row layui-col-space15" style="">
        <div class="layui-col-md3">
          <div class="layui-card" >
            <div class="card-icons"> <i class="layui-icon">&#xe7ae;</i></div>
            <p class="card-names"><span>{:lang('In Use Line:')}</span></p>
            <p class="card-numbers">{$to['network']|intval}</p>
          </div>
        </div>
        <div class="layui-col-md3">
          <div class="layui-card">
            <div class="card-icons"> 
                <i class="layui-icon">&#xe637;</i>
            </div>
            <p class="card-names"><span>{:lang('Fast maturing line:')}</span></p>
            <p class="card-numbers">{$to['outtime']|intval}</p>
          </div>
        </div>
        <div class="layui-col-md3">
          <div class="layui-card">
            <div class="card-icons"> 
                <i class="layui-icon">&#xe770;</i>
            </div>
            <p class="card-names"><span>{:lang('All Customers:')}</span></p>
            <p class="card-numbers">{$to['users']|intval}</p>
          </div>
        </div>
        <div class="layui-col-md3">
          <div class="layui-card">
            <div class="card-icons"> 
                <i class="layui-icon">&#xe63a;</i>
            </div>
            <p class="card-names"><span>{:lang('Unread Message:')}</span></p>
            <p class="card-numbers">{$to['message']|intval}</p>
          </div>
        </div>
        </div>
      </div>
       <div id="mapIllustration" style="width:100%;height: 700px;margin-top:60px;"></div>
    </div>
</div>
{/block}
{block name="footer"}
<script src="/static/plugins/echart/echarts.min.js"></script>
<script src="/static/plugins/echart/world.js"></script>
<script src="/static/plugins/echart/map.js"></script>
<script>
    var locale = "zh-CN";
    var cities = {$data};
    $("#mapIllustration").MapIllustration(cities);
    function inArray(str,arr){
       for(k in arr){
          if(arr[k] == str){
             return true
          }
       }
       return false;
    }
</script>
{/block}